<template>
  <div class="component-root">
    <div></div>
    <div>

      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="id" label="Date" width="180"/>
        <el-table-column prop="bomCode" label="Name" width="180"/>
        <el-table-column prop="bomName" label="Address"/>
        <el-table-column prop="bomPrice" label="Date" width="180"/>
        <el-table-column prop="bomNote" label="Name" width="180"/>
        <el-table-column prop="bomUnit" label="Address"/>
        <el-table-column prop="bomCountPerRoll" label="Date" width="180"/>
        <el-table-column prop="matId" label="Name" width="180"/>
        <el-table-column prop="customerId" label="Address"/>
      </el-table>
      private _id: number;
      private _bomCode: string;
      private _bomName: string;
      private _bomPrice: number;
      private _bomNote: string;
      private _bomUnit: string;
      private _bomCountPerRoll: number;
      private _matId: number;
      private _customerId: number;
    </div>
  </div>
</template>

<script>
import "@/assets/common.scss";
import axios from "axios";

export default {
  components: {},
  data() {
    return {tableData: []};
  },
  mounted() {
    axios({method: 'get', url: "/script"}).then(val => {
      console.log(val)
      this.tableData = val.data;
    })
  },
  methods: {}
}
</script>
<style scoped lang="scss">

</style>